<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[.]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>主页</title>
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.responsive.min.css">
<link rel="stylesheet" type="text/css" href="js/jquery.fancybox.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script type="text/javascript">	
    less = {
        env: "development", // or "production"
        async: true       // load imports async
    };
</script>

<body>
    <div id="page" class="container-fluid">
        <header id="about" class="site-header" role="banner">
            <div class="logo">
                <a href="#" title="Impuls" rel="home">
                  <img width="380" height="142" src="css/img/content/logo.png" class="attachment-logo" alt="logo.png" />
                </a>
            </div>
            <div id="site-navigation" role="navigation">
                <ul class="nav-menu">
                    <li><a href="#about">关于</a></li>
                    <li><a href="#team">团队</a></li>
                    <li><a href="#references">参考</a></li>
                    <li><a href="#contact">联系</a></li>
                    <li><a onclick="logining()">登录</a></li>
                </ul>
            </div>
            <!-- #site-navigation -->
            <div class="dropdown-menu-wrapper">
                <select class="dropdown-menu-mobile">
                </select>
            </div>
            <h1>成都大学电子设备维修系统</h1>
            <div class="separator"></div>
            <div class="row-fluid">
                <div class="span4">
                    <div class="solutions-icon"></div>
                    <h2>成熟的解决方案</h2>
                </div>
                <div class="span4">
                    <div class="competitiveness-icon"></div>
                    <h2>竞争力</h2>
                </div>
                <div class="span4">
                    <div class="confidence-icon"></div>
                    <h2>置信度</h2>
                </div>
            </div>
        </header>
        <!-- #masthead -->
        <div id="main">
            <p>
            <div class="team-wrapper" id="team">
                <div class="team">
                    <h2>我们所有的团队都是机制中的细胞</h2>
                    <div class="separator-gray"></div>
                    <p>成都大学电子设备维修系统非常优秀，能有效解决学生遇到的各种电子设备故障，我们拥有一支非常强大的团队，能够提供足够的保障，解决各种电子设备故障
                    </p>
                    <div class="slider-wrapper">
                        <div id="image" class="posts-container">
                            <!--<a class="member" href="#lightbox">-->
                                <!--<div class="hover-icon"></div>-->
                                <!--<img width="375" height="185" src="css/img/content/p3.jpg" class="attachment-member wp-post-image" alt="male3.jpg" />-->
                                <!--<div class="member-meta">-->
                                    <!--<h2>Karl Anamny</h2>-->
                                    <!--<span class="job">Head of business</span>-->
                                    <!--<span class="corner"></span>-->
                                <!--</div>-->
                            <!--</a>-->
                            <!--<a class="member" href="#lightbox">-->
                                <!--<div class="hover-icon"></div>-->
                                <!--<img width="375" height="185" src="css/img/content/p5.jpg" class="attachment-member wp-post-image" alt="female1.jpg" />-->
                                <!--<div class="member-meta">-->
                                    <!--<h2>Alex Lenertiva</h2>-->
                                    <!--<span class="job">Photographer</span>-->
                                    <!--<span class="corner"></span>-->
                                <!--</div>-->
                            <!--</a>-->
                            <!--<a class="member last" href="#lightbox">-->
                                <!--<div class="hover-icon"></div>-->
                                <!--<img width="375" height="185" src="css/img/content/p2.jpg" class="attachment-member wp-post-image" alt="male2.jpg" />-->
                                <!--<div class="member-meta">-->
                                    <!--<h2>Leo Duskanski</h2>-->
                                    <!--<span class="job">Art Director</span>-->
                                    <!--<span class="corner"></span>-->
                                <!--</div>-->
                            <!--</a>-->
                            <!--<a class="member " href="#lightbox">-->
                                <!--<div class="hover-icon"></div>-->
                                <!--<img width="375" height="185" src="css/img/content/p1.jpg" class="attachment-member wp-post-image" alt="male1.jpg" />-->
                                <!--<div class="member-meta">-->
                                    <!--<h2>Felix Doe</h2>-->
                                    <!--<span class="job">Digital overlord</span>-->
                                    <!--<span class="corner"></span>-->
                                <!--</div>-->
                            <!--</a>-->
                            <!--<a class="member " href="javascript:return false">-->
                                <!--<div class="hover-icon"></div>-->
                                <!--<img width="375" height="185" src="css/img/content/p0.jpg" class="attachment-member wp-post-image" alt="female2.jpg" />-->
                                <!--<div class="member-meta">-->
                                    <!--<h2>Tinna Doe</h2>-->
                                    <!--<span class="job">Photographer</span>-->
                                    <!--<span class="corner"></span>-->
                                <!--</div>-->
                            <!--</a>-->
                            <!--<a class="member last" href="javascript:return false">-->
                                <!--<div class="hover-icon"></div>-->
                                <!--<img width="375" height="185" src="css/img/content/p4.jpg" class="attachment-member wp-post-image" alt="male4.jpg" />-->
                                <!--<div class="member-meta">-->
                                    <!--<h2>Alex Doe</h2>-->
                                    <!--<span class="job">Photographer</span>-->
                                    <!--<span class="corner"></span>-->
                                <!--</div>-->
                            <!--</a>-->
                        </div>
                    </div>


                    <div class="slider-navigation"></div>
                </div>
            </div>
            <div class="references-wrapper" id="references">
                <div class="references">
                    <h2>看看我们的成功故事</h2>
                    <div class="separator-pattern"></div>
                    <p>我们几乎可以修复各种常见的校园电子设备，包括电脑，手机，风扇，空调，投影仪等。以下是我们业务范围内的一些成功案例
                    </p>
                    <div class="categories">
                        <div class="category-container category-1" data-id="8" data-slug="photography">
                            <img width="375" height="375" src="css/img/content/photography.jpg" class="attachment-story" alt="photography.jpg" />
                            <div class="category-meta">
                                <span class="name"> 相机</span>
                                <span class="category-icon">
                                    <img width="50" height="50" src="css/img/content/photography-icon.png" class="attachment-icon" alt="photography-icon.png" />
                                </span>
                            </div>
                        </div>
                        <div class="group">
                            <div class="category-container category-2" data-id="7" data-slug="motion-graphics">
                                <div class="category-meta">
                                    <span class="name">电视</span>
                                    <span class="category-icon">
                                        <img width="50" height="50" src="css/img/content/motion-graphics-icon.png" class="attachment-icon" alt="motion-graphics-icon.png" />
                                    </span>
                                </div>
                            </div>
                            <div class="category-container category-3" data-id="6" data-slug="consulting">
                                <div class="category-meta">
                                    <span class="name">空调</span>
                                    <span class="category-icon">
                                        <img width="50" height="50" src="css/img/content/consulting-icon.png" class="attachment-icon" alt="consulting-icon.png" />
                                    </span>
                                </div>
                            </div>
                            <div class="category-container category-4" data-id="5" data-slug="it-technologies">
                                <div class="category-meta"><span class="name">电风扇</span>
                                    <span class="category-icon">
                                        <img width="50" height="50" src="css/img/content/technologies-icon.png" class="attachment-icon" alt="technologies-icon.png" />
                                    </span>
                                </div>
                            </div>
                            <div class="category-container category-5" data-id="4" data-slug="webdesign">
                                <div class="category-meta">
                                    <span class="name">电脑</span>
                                    <span class="category-icon">
                                        <img width="50" height="50" src="css/img/content/webdesign-icon.png" class="attachment-icon" alt="webdesign-icon.png" />
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="category-container category-6" data-id="3" data-slug="mobile-interface">
                            <img width="375" height="375" src="css/img/content/mobile-interface.jpg" class="attachment-story" alt="mobile-interface.jpg" />
                            <div class="category-meta">
                                <span class="name">手机</span>
                                <span class="category-icon">
                                    <img width="50" height="50" src="css/img/content/mobile-icon.png" class="attachment-icon" alt="mobile-icon.png" />
                                </span>
                            </div>
                        </div>
                        <div class="cleaner"></div>
                    </div>
                    <!--<div class="single-category" data-slug="photography">-->
                        <!--<div class="slider-wrapper">-->
                            <!--<div class="posts-container" style="left: 0px;">-->
                                <!--<a class="category-post" data-rel="cat"  href="#lightbox" data-slug="etiam-purus">-->
                                    <!--<img width="375" height="375" src="css/img/content/ref4-375x375.jpg" class="attachment-story wp-post-image" alt="ref4.jpg">-->
                                    <!--<div class="category-meta"> <span class="name">Etiam purus</span> <span class="category-icon"><img width="50" height="50" src="css/img/content/photography-icon.png" class="attachment-icon" alt="photography-icon.png"></span>-->
                                    <!--</div>-->
                                <!--</a>-->
                                <!--<a class="category-post" data-rel="cat" href="#lightbox" data-slug="in-feugiat">-->
                                    <!--<img width="375" height="375" src="css/img/content/ref3-375x375.jpg" class="attachment-story wp-post-image" alt="ref3.jpg">-->
                                    <!--<div class="category-meta"> <span class="name">In feugiat</span> <span class="category-icon"><img width="50" height="50" src="css/img/content/photography-icon.png" class="attachment-icon" alt="photography-icon.png"></span>-->
                                    <!--</div>-->
                                <!--</a>-->
                                <!--<a class="category-post last" data-rel="cat" href="#lightbox" data-slug="consectetur-adipiscing-elit">-->
                                    <!--<img width="375" height="375" src="css/img/content/ref2-375x375.png" class="attachment-story wp-post-image" alt="ref2.png">-->
                                    <!--<div class="category-meta"> <span class="name">Consectetur adipiscing elit</span> <span class="category-icon"><img width="50" height="50" src="css/img/content/photography-icon.png" class="attachment-icon" alt="photography-icon.png"></span>-->
                                    <!--</div>-->
                                <!--</a>-->
                                <!--<a class="category-post" data-rel="cat" href="#lightbox" data-slug="lorem-ipsum-dolor">-->
                                    <!--<img width="375" height="375" src="css/img/content/ref1-375x375.jpg" class="attachment-story wp-post-image" alt="ref1.jpg">-->
                                    <!--<div class="category-meta"> <span class="name">Lorem ipsum dolor</span> <span class="category-icon"><img width="50" height="50" src="css/img/content/photography-icon.png" class="attachment-icon" alt="photography-icon.png"></span>-->
                                    <!--</div>-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="cleaner"></div>-->
                    <!--</div>-->
                    <a href="javascript:void(0)" class="load-more">Load more</a>
                    <div class="slider-navigation"></div>
                </div>
            </div>
           
        </div>
        <!-- #main -->
        <div class="footer-wrapper" id="contact">
            <footer id="colophon" role="contentinfo">
                <h2>关于我们和其他一切</h2>
                <div class="separator-footer"></div>
                <!--<div class="social-icons">-->
                    <!--<a href="https://www.facebook.com" target="_blank" class="facebook">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="http://www.twitterios.com" target="_blank" class="twitter">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="http://www.google.com" target="_blank" class="google">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="https://dribbble.com" target="_blank" class="dribbble">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="https://www.deviantart.com" target="_blank" class="deviant-art">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="https://www.linkedin.com" target="_blank" class="linked-in">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="https://status.vimeo.com" target="_blank" class="vimeo">-->
                        <!--<span></span>-->
                    <!--</a>-->
                    <!--<a href="http://blog.flickr.net/en" target="_blank" class="flickr">-->
                        <!--<span></span>-->
                    <!--</a>-->
                <!--</div>-->
                <div class="row">
                    <div class="footer-text span4">
                        <h3>地址信息</h3>
                        四川省成都市龙泉驿区十陵街道成洛大道2025号
                        <h3>主要地址</h3>
                        成都大学<br />
                        龙泉驿区，四川省成都市<br />
                        https://www.cdu.edu.cn
                    </div>
                    <div class="contact-form span4">
                        <h3>联系表</h3>
                        <form action="http://www.entiri.com/impuls/#contact" class="contact-validate" method="post">
                            <input type="text" class="required" name="contact_name" placeholder="Name" />
                            <input type="text" class="required email" name="contact_mail" placeholder="Email address" />
                            <textarea name="contact_message" class="required">Message</textarea>
                            <input type="submit" value="" />
                        </form>
                    </div>
                    <div class="map-wrapper span4">
                        <h3>我们的位置</h3>
                        <div class="map">
                            <iframe src="baidumap.html"></iframe>
                        </div>
                    </div>
                </div>
                <div class="left">
                    <img width="146" height="56" src="css/img/content/logo-small.png" class="attachment-logo-footer" alt="logo-small.png" />
                    <div class="info"> 成都大学电子设备维修系统<br />
                        Email: <a href="mailto:email@impuls.com">1126182257@qq.com</a> | Phone: +86 135 5104 4370
                    </div>
                </div>

                <!-- .site-info -->
                <div class="cleaner"></div>
            </footer>
            <!-- #colophon --> 
        </div>
        <!--<div class="single-content" id="lightbox">-->
            <!--<div class="lightbox">-->
                <!--<div class="thumb">-->
                    <!--<img width="880" height="600" src="css/img/content/(16)-880x600.jpg" class="attachment-lightbox" alt="(16).jpg">-->
                <!--</div>-->
                <!--<div class="thumb mobile">-->
                    <!--<img width="280" height="330" src="css/img/content/(16)-280x330.html" class="attachment-mobile-lightbox" alt="(16).jpg">-->
                <!--</div>-->
                <!--<div class="content-wrapper">-->
                    <!--<div class="content">-->
                        <!--<h2>Lorem ipsum</h2>-->
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet libero ipsum, ac congue est. Quisque consequat ligula vitae nisl pulvinar ac egestas nunc porta. Donec convallis sodales quam, vitae viverra diam pretium eget. Sed ut leo cursus est pulvinar fringilla imperdiet a leo. Curabitur vel enim est. Integer nisl velit, volutpat vel luctus sit amet, pharetra sed ipsum. Vivamus euismod vehicula aliquet. Aenean varius mauris eu augue vulputate posuere. Nam malesuada eros id nulla tempor egestas. In euismod leo sed sapien lacinia semper.</p>-->
                    <!--</div>-->
                    <!--&lt;!&ndash;<a href="mailto:info@example.com?subject=Lorem%20ipsum&amp;body=Check%20this%20out%20http://impuls.com" class="mail-icon mobile"></a>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="social">&ndash;&gt;-->
                        <!--&lt;!&ndash;<a href="mailto:info@example.com?subject=Lorem%20ipsum&amp;body=Check%20this%20out%20http://impuls.com" target="_blank" class="mail-icon"></a>&ndash;&gt;-->
                        <!--&lt;!&ndash;<ul class="social-icons">&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="facebook"> <a class="social-icon facebook" href="http://facebook.com/share.php?u=http://impuls.com"></a> </li>&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="twitter"> <a class="social-icon twitter" href="http://twitter.com/home?status=Lorem%20ipsum%20http://impuls.com" target="_blank"></a> </li>&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="google"> <a class="social-icon google" href="https://plus.google.com/share?url=http://impuls.com&amp;title=Lorem%20ipsum&amp;annotation=" target="_blank"></a> </li>&ndash;&gt;-->
                        <!--&lt;!&ndash;</ul>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--<div class="cleaner"></div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!-- #page --> 

</body>


<script type="text/javascript">
    var image = document.getElementById('image')
    var count = 0
    var array = []

    function logining() {
        window.location.href="login.html"
    }



    $.ajax({
        type:'GET',
        url:'admin/select_all_admin.do',
        async:false,
        success:function(res){
            if(res.status == 0){
                for(var i=0;i<res.data.length;i++){
                    var adminImg = res.data[i].adminImg
                    var adminNmae = res.data[i].adminName
                    array[i] = []
                    array[i][0] = "管理员"
                    array[i][1] = adminNmae
                    array[i][2] = adminImg
                }
                count = res.data.length;
                $.ajax({
                    
                    type:'GET',
                    url:'maintainer/select_all_maintainer.do',
                    async:false,
                    success:function(res){
                        if(res.status == 0){
                            for(var j=count;j<res.data.length+count;j++){
                                var maintainerImg = res.data[j-count].maintainerImg
                                var maintainerName = res.data[j-count].maintainerName
                                array[j] = []
                                array[j][0] = "维修员"
                                array[j][1] = maintainerName
                                array[j][2] = maintainerImg
                            }
                        }
                        for(var i = 0;i<array.length;i++){
                            for(var j = 0;j<array[i].length;j++){
                            } }
                        for (var k=0;k<array.length;k++){
                            var amRoot = array[k][0]
                            var amName = array[k][1]
                            var amImg = array[k][2]
                            if((k+1) % 3 == 0){
                                createImage(amRoot,amName,amImg,"member last")
                            }else{
                                createImage(amRoot,amName,amImg,"member")
                            }
                        }
                    }
                })
            }
        }
    })




    function createImage(amRoot,amName,amImg,aClass) {
        var a = document.createElement('a')
        a.className = aClass
        a.href = "javascript:return false"
        var div = document.createElement('div')
        div.className="hover-icon"
        var img = document.createElement('img')
        img.width = "375"
        img.height="185"
        img.src=amImg
        img.className="attachment-member wp-post-image"
        img.alt="male4.jpg"
        var div2 = document.createElement('div')
        div2.className="member-meta"
        var h = document.createElement('h2')
        h.innerHTML=amName
        var span = document.createElement('span')
        var span2 = document.createElement('span')
        span.className="job"
        span.innerHTML=amRoot
        span2.className="corner"
        div2.appendChild(span)
        div2.appendChild(span2)
        div2.appendChild(h)
        a.appendChild(div)
        a.appendChild(div2)
        a.appendChild(img)
        image.appendChild(a)
    }


</script>
<script src="js/main.js"></script>
</html>